.wrapper {
    margin: 50px auto; padding: 25px;
    width: 800px; border-radius: 10px;
    background-color: #F5F5F5; }
.wrapper header { margin-bottom: 40px; }
.wrapper header h5 { margin-bottom: 0; }
.wrapper header p { margin: 0 0 0 20px; }
.wrapper header button { text-decoration: none; }

.box-account { margin-top: 20px; }
.box-account h6 { margin-bottom: 0; }
.box-account h6:nth-child(1) { width: 100px; }
.box-account h6:nth-child(2) { width: 320px; }
.box-account h6:nth-child(4) { width: 100px; font-size: 18px; }
.box-account h6:nth-child(4)::before { content: "￥"; font-size: 16px; }
.box-account h6:nth-child(4).income { color: #198754; }
.box-account h6:nth-child(4).expend { color: #DC3545; }
.box-account button.delete { font-size: 12px; }
.box-account p.remark {
    margin-top: 10px; margin-bottom: 0;
    font-size: 14px; color: #999999; }
.box-account p.remark.none { display: none; }

form .label { text-align: right; }
form .label.require::before {
    margin-right: 5px;
    content: "*"; color: red; }
form button.operate { margin: 20px 20px 0; }
